<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>BVLGARI Store Locator</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="../../css/public.css" media="all"/>
    <link rel="stylesheet" href="messages.css" media="all"/>
</head>

<body class="childrenBody">
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
    <ul class="layui-tab-title layui-row">
        <li class="layui-this">未读消息 (<label id="messsage-unread">0</label>)</li>
        <li>已读消息(<label id="message-read">0</label>)</li>

        <div class="layui-right">
            <a class="layui-btn btn_markread">全部标为已读</a>
        </div>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <table id="unreadMessageList" lay-filter="unreadMessageList"></table>
            <!--操作-->
            <script type="text/html" id="messageListBar">
                <a class="layui-btn layui-btn-xs" lay-event="markRead">标记为已读</a>
            </script>
            <div id="unreadPagination"></div>
        </div>
        <div class="layui-tab-item">
            <table id="readMessageList" lay-filter="readMessageList"></table>
            <div id="readPagination"></div>
        </div>

    </div>
</div>

<script type="text/javascript" src="../../layui/layui.js"></script>
<script type="text/javascript" src="messages.js"></script>
</body>

</html>